
    <style type="text/css">
.ContentArea .ContextBoxHead h1, .TableHead div {
    color: #090077;
}
    </style>

#BLOCK("WITH_FORM_ERROR", #FormError)
<div class="NewCustomer">
  <h3><a class="BreadcrumbItem" href="?ObjectPath=#Shop.Categories.Path[url]" >#Shop.Categories.NameOrAlias[slice:50,html]</a><span class="BreadcrumbLastItem">{Register}</span></h3>
  <div class="Separator"></div>
  <form id="registrationForm" class="ep-metaparse ep.uiForm()" action="?" method="post">
    <div>
#REM
                <input type="hidden" name="ChangeAction" value="NewUserLookup" />
#ENDREM
                <input type="hidden" name="ChangeObjectID" value="#ID" />
                <input type="hidden" name="ViewAction" value="ViewMyAccount" />
                <input type="hidden" name="ErrorAction" value="ViewRegistration" />
                <input type="hidden" name="ChangeAction" value="SaveRegistration" />
                <input type="hidden" name="ChangeObjectID" value="#ID" />
                <input type="hidden" name="ViewAction" value="ViewMyAccount" />
                <input type="hidden" name="ErrorAction" value="ViewRegistration" />
                <input type="hidden" name="Welcome" value="1" />

#REM OLD
      <input type="hidden" name="ChangeAction" value="NewUserLookup" />

      <input type="hidden" name="ChangeAction" value="SaveRegistration" />
      <input type="hidden" name="ChangeObjectID" value="#ID" />
      <input type="hidden" name="ChangeAction" value="ViewMyAccount" />
      <input type="hidden" name="ErrorAction" value="ViewRegistration" />
      <input type="hidden" name="Welcome" value="1" />
#ENDREM


      <input type="hidden" id="RequestCNvalue"  name="RequestCNvalue" />
      <input type="hidden" id="Savevalue" name="Savevalue" />

    #IF(#FormError)
      <div class="DialogMessage MessageWarning">
        <h3>{InputError}</h3>
        #IF(#FormErrors.Reason.NO_USER_NAME)<p>{NO_USER_NAME}</p>#ENDIF
        #IF(#FormErrors.Reason.LOGIN_EXISTS)<p>{LOGIN_EXISTS}</p>#ENDIF
        #IF(#FormErrors.Reason.NO_USER_PWD)<p>{NO_USER_PWD}</p>#ENDIF
        #IF(#FormErrors.Reason.PWD_NOT_SAME)<p>{PWD_NOT_SAME}</p>#ENDIF
        #IF(#FormErrors.Reason.PASSWORD_WRONG)<p>{WrongPassword}</p>#ENDIF
        #IF(#FormErrors.Reason.VATIDIsNotFromSameCountry)<p>{VATIDIsNotFromSameCountry}</p>#ENDIF
        #IF(#FormErrors.Reason.VATIDIsNotValid)<p>{VATIDIsNotValid}</p>#ENDIF
        #IF(#FormErrors.Reason.FORMAT_NOT_INTEGER OR #FormErrors.Reason.FORMAT_NOT_FLOAT)<p>{WRONG_NUMBER_FORMAT}</p>#ENDIF
        #IF(#FormError_AcceptPrivacyPolicy)<p>{ErrorAcceptPrivacyPolicy}</p>#ENDIF
        #IF(#FormErrors.Reason.ZIPCODE_NOT_VALID)<p>{ZipcodeNotValid}</p>#ENDIF
        <p>Check Your Details.</p>
      </div>
      <div class="Separator"></div>
    #ENDIF

      <b>{Notification}:</b> {MandatoryNotice}<span id="MandatoryNoticeBillingAddress" class="HideElement">#IF(#Shop.FeatureMaxValue.Basket) {MandatoryNoticeBillingAddress}#ENDIF</span>
      <div class="Separator"></div>
      <div class="ClearBoth"></div>



#REM

      <div class="TableHead"><div>Sign in Info - for existing Bibliophile customers with mail order Cust Ref Number from your Order Form</div></div>
      <div class="AddressDialog Dialog">
        <div class="SizeContainer">
          <div class="InputBlock#IF(#FormErrorx_OptionsCustId) DialogError#ENDIF">
            <div class="InputLabelling">Customer Number</div>
            <div class="InputField"><input class="Text" name="OptionsCustId" value="#IF(#OptionsCustId)#OptionsCustId#ENDIF" /></div>
            <div class="TopSmallMargin FloatLeft">
              <i class="Icon HelpIcon" title="This is your usual mail order Customer Reference Number"></i>
            </div>
          </div>
<input type="hidden" id="OptionsShopperID" name="OptionsShopperID" value="#IF(#OptionsShopperID)#OptionsShopperID#ENDIF"/>
          <div class="InputBlock#IF(#FormErrorx_testPostcode) DialogError#ENDIF">
            <div class="InputLabelling">Billing postcode</div>
            <div class="InputField"><input class="Text" name="testPostcode" value="#IF(#testPostcode)#testPostcode#ENDIF" /></div>
      <!--      <div class="TopSmallMargin FloatLeft">
              <i class="Icon HelpIcon" title="It is your usual ....."></i>
            </div>
      -->
          </div>
	      <div class="DialogButtonbar">
		<span class="CustomButton">
		  <input type="submit" name="RequestCN" value="Fill up the form"  onclick="document.getElementById('RequestCNvalue').value='custnumberrequest';"/>
		</span>
	      </div>
        </div>
        <div class="ClearBoth"></div>
      </div>

#ENDREM



      <div class="TableHead"><div>Registration Information</div></div>
      <div class="AddressDialog Dialog">
        <div class="SizeContainer">
          <div class="InputBlock#IF(#FormError_UserName) DialogError#ENDIF">
            <div class="InputLabelling">{UserName} {MandatoryStar}</div>
            <div class="InputField"><input class="LongText"  name="UserName" value="#IF(#UserName)#UserName#ENDIF" /></div>
   #REM         ep-metaparse ep.uiValidate({required:true #IF(#FormError_UserName) ,valid:false #ENDIF })" #ENDREM
          </div>
          <div class="InputBlock#IF(#FormError_Password) DialogError#ENDIF">
            <div class="InputLabelling">{Password} {MandatoryStar}</div>
            <div class="InputField"><input class="Text" type="password" name="Password"  value="" /></div>
#REM ep-metaparse ep.uiValidate({required:true #IF(#FormError_Password) ,valid:false #ENDIF }) #ENDREM            
            <div class="TopSmallMargin FloatLeft">
              <i class="Icon HelpIcon" title="{PasswordLength}"></i>
            </div>
          </div>
          <div class="InputBlock#IF(#FormError_Password) DialogError#ENDIF">
            <div class="InputLabelling">{PasswordConf} {MandatoryStar}</div>
            <div class="InputField"><input class="Text" type="password" name="PasswordConf"  value="" /></div>
 #REM  ep-metaparse ep.uiValidate({required:true #IF(#FormError_Password) ,valid:false #ENDIF }) #ENDREM
          </div>
        </div>
        <div class="ClearBoth"></div>
      </div>

      <div class="TableHead"><div>{AddressInformation}</div></div>
    #WITH(#SITELOCALE(#INPUT.Locale))#LOCAL("OptionalFields", 0)
      #LocaleInclude("INC-PersonalDataForm", #Country.Code2)
      #IF(#OptionalFields)
        <script type="text/javascript">
            showElement('MandatoryNoticeBillingAddress');

        </script>
      #ENDIF
    #ENDLOCAL#ENDWITH
    #IF(#Shop.AcceptPrivacyPolicy)
      <div class="InputBlock">
        <input type="checkbox" class="ep-metaparse ep.uiValidate({required:true #IF(#FormError_AcceptPrivacyPolicy) ,valid:false #ENDIF })" name="AcceptPrivacyPolicy" id="AcceptPrivacyPolicy" />
        <label for="AcceptPrivacyPolicy">#INCLUDE("INC-PrivacyPolicyNote")</label>
      </div>
    #ENDIF
      <div class="Separator"></div>
      <div class="DialogButtonbar">
        <div class="TopSmallMargin MarginBottom">{MandatoryFields}</div>
        <input type="submit" name="save" class="ep-metaparse ep.uiInput()" value="{CreateAccount}" />
      </div>
    #IF(NOT #Shop.AcceptPrivacyPolicy)
      <div class="Separator"></div>
      <div>
        <strong>{PrivacyPolicy}</strong>: {PrivacyPolicyNote}
      </div>
    #ENDIF
      <div class="Separator"></div>
    </div>
  </form>
</div>
#ENDBLOCK
